<ion-header>

  <ion-navbar>
    <ion-title>动态复投</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>

  <ion-item-group class="item-list">
    <ion-item-divider><span class="color-gray-light">账户余额</span></ion-item-divider>
    <account [readonly]="true" [refresh]="isRefresh"></account>
  </ion-item-group>

  <form class="mt-20" [formGroup]="validateForm" (submit)="recast($event)">
    <ion-list>
      <ion-item>
        <ion-label>支付方式</ion-label>
        <ion-select [cancelText]="'取消'" [okText]="'确定'" formControlName="payType" placeholder="选择支付方式">
          <ion-option *ngFor="let item of payTypes" [value]="item.key">{{item.val}}</ion-option>
        </ion-select>
      </ion-item>
      <div class="error-message" *ngIf="getFormControl('payType').dirty&&getFormControl('payType').errors">
        <ng-container *ngIf="getFormControl('payType').hasError('required')">请选择支付方式</ng-container>
      </div>

    </ion-list>
    <button ion-button color="primary" block type="submit">确定</button>
  </form>
</ion-content>
